<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/weui.min.css">
  <link rel="stylesheet" href="./css/weui.css">
  <link rel="stylesheet" href="./css/jquery-weui.css">
  <link rel="stylesheet" href="./css/perfect.css">
  <title>完善资料</title>
</head>
<body>
<form id="Form" action="" method="post" onsubmit="return false">
  <main class="main">
    <section class="section">
      <div class="weui_cells_access">
        <!--个人信息-->
        <section class="section">
          <div class="weui_panel_hd">基本信息</div>
        </section>
        <section class="section">
          <div class="weui_cells_form">
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label"><span style="color: red;padding-right: 5px;">*</span>渠道类型</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary select">
                <input class="weui_input choice trench1" name="type" id="trench1" type="text" placeholder="-- 请选择 --">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label"><span style="color: red;padding-right: 5px;">*</span>招聘渠道</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary select">
                <input class="weui_input choice trench2" name="qudao" id="trench2" type="text" placeholder="-- 请选择 --">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label"><span style="color: red;padding-right: 5px;">*</span>姓名</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input myName" name="myName" type="text" placeholder="请填写真实的姓名">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label"><span style="color: red;padding-right: 5px;">*</span>性别</label>
              </div>
              <div class=" weui_cells_checkbox">
                <label class="weui_cell weui_check_label label" for="x11">
                  <div class="weui_cell_hd hd">
                    <input type="radio" class="weui_check" name="radio1" id="x11" checked="checked" value="0">
                    <i class="weui_icon_checked"></i>
                  </div>
                  <div class="weui_cell_bd weui_cell_primary bd">
                    <p>女</p>
                  </div>
                </label>
                <label class="weui_cell weui_check_label label" for="x12">
                  <div class="weui_cell_hd hd">
                    <input type="radio" name="radio1" class="weui_check" id="x12" value="1">
                    <i class="weui_icon_checked"></i>
                  </div>
                  <div class="weui_cell_bd weui_cell_primary bd">
                    <p>男</p>
                  </div>
                </label>
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label"><span style="color: red;padding-right: 5px;">*</span>手机号</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input verify outfocus phone" name="phone" id="phone" type="number" placeholder="请填写个人常用号码">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">邀约人</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus inviteName" name="yaoyue" type="text" placeholder="请填写邀约人">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd"><label for="" class="weui_label">农历生日</label></div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input my-input birthday" name="shengri" id="my-input" type="text" value="">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">邮箱</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input verify outfocus email" name="email" id="email" type="email" placeholder="请填写个人常用邮箱">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">微信号</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus WeChat" name="weixin" type="text" placeholder="请填写个人微信号">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">职位</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus position" id="position" name="zhiwei" type="text" placeholder="-- 请选择 --">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">籍贯</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary select">
                <input class="weui_input choice native" name="jiguan" id="native" type="text" placeholder="-- 请选择 --">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">民族</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input choice nation" name="minzu" id="nation" type="text" placeholder="-- 请选择 --">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">婚姻状况</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary select">
                <input class="weui_input choice marriage" name="zhuangtai" id="marriage" type="text" placeholder="-- 请选择 --">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">政治面貌</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input politics" name="mianmao" type="text" placeholder="请填写政治面貌">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">身份证号码</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input verify outfocus identity" name="shenfenzhen" id="pattern" type="number" placeholder="请填写个人身份证号">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">户口所在地</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input registe" name="hukou" type="text" placeholder="请填写户口所在地">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">体重(KG)</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input weight" name="tizhong" type="number" placeholder="请填写体重">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">身高(CM)</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input stature" name="shenggao" type="number" placeholder="请填写身高">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">现居住地址</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus site" name="dizhi" type="text" placeholder="请填写现在详细住址">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">资格/职称证书</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input certificate" name="zhengshu" type="text" placeholder="请填写资格证书">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">兴趣爱好</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input hobby" name="aihao" type="text" placeholder="请填写兴趣爱好">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">特长</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input speciality" name="techang" type="text" placeholder="请填写个人特长">
              </div>
            </div>
          </div>
        </section>
        <!--公司内有无亲属-->
        <section>
          <div class="weui_cell weui_cell_list">
            <div class="weui_cell_hd specialL">
              <label class="weui_cell_hd_label">本公司内有无亲友</label>
            </div>
            <div class="weui-cell__ft specialR">
              <input class="weui-switch gs" id="gsqinyou" name="gsqinyou" type="checkbox">
            </div>
          </div>
          <!--选中有的时候才显示-->
          <div class="inputBox" style="display: none;">
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">姓名</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus gsName" type="text" placeholder="请填写亲友的姓名">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">与本人关系</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus gsGuan" type="text" placeholder="请填写与本人关系">
              </div>
            </div>
          </div>
        </section>
        <!--上、下游及同业竞争企业内有无亲属-->
        <section>
          <div class="weui_cell weui_cell_list">
            <div class="weui_cell_hd specialL">
              <label class="weui_cell_hd_label">上下游及同行公司有无亲友</label>
            </div>
            <div class="weui-cell__ft specialR">
              <input class="weui-switch sx" id="sxqinyou" name="sxqinyou" type="checkbox">
            </div>
          </div>
          <!--选中有的时候才显示-->
          <div class="inputBox" style="display: none">
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">姓名</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus sxName" type="text" placeholder="请填写亲友的姓名">
              </div>
            </div>
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">与本人关系</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus sxGuan" type="text" placeholder="请填写与本人关系">
              </div>
            </div>
          </div>
        </section>
        <!--是否曾购买本公司产品或接受护肤服务-->
        <section>
          <div class="weui_cell weui_cell_list">
            <div class="weui_cell_hd specialL">
              <label class="weui_cell_hd_label">是否曾购买我司产品或接受服务</label>
            </div>
            <div class="weui-cell__ft specialR">
              <input class="weui-switch buy" id="buy" name="buy" type="checkbox">
            </div>
          </div>
          <!--选中有的时候才显示-->
          <div class="inputBox" style="display: none">
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">姓名</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus buyName" type="text" placeholder="请填写所认识护肤老师的名字">
              </div>
            </div>
          </div>
        </section>
        <!--是否曾患遗传或重大疾病有不适合的工作-->
        <section>
          <div class="weui_cell weui_cell_list">
            <div class="weui_cell_hd specialL">
              <label class="weui_cell_hd_label">是否曾患重病有不适合安排的工作</label>
            </div>
            <div class="weui-cell__ft specialR">
              <input class="weui-switch shihe" id="noShihe" name="noShihe" type="checkbox">
            </div>
          </div>
          <!--选中有的时候才显示-->
          <div class="inputBox" style="display: none">
            <div class="weui_cell">
              <div class="weui_cell_hd">
                <label class="weui_label">不适宜</label>
              </div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input outfocus noShihe" type="text" placeholder="请填写不适宜从事哪些工作">
              </div>
            </div>
          </div>
        </section>
        <!--紧急联系人-->
        <section>
          <div class="weui_panel_hd experience">
            <div class="experTitle">紧急联系人</div>
            <div class="experImgBox relation">
              <div class="experText">新增</div>
              <div class="experImg">
                <img src="./img/add.svg" alt="">
              </div>
            </div>
          </div>
          <section class="section experList">
            <div id="urgencyList"></div>
            <div class="experListBox relationBox"></div>
          </section>
        </section>
        <!--教育经历-->
        <section>
          <div class="weui_panel_hd experience">
            <div class="experTitle">教育经历(从高到低)</div>
            <div class="experImgBox education">
              <div class="experText">新增</div>
              <div class="experImg">
                <img src="./img/add.svg" alt="">
              </div>
            </div>
          </div>
          <section class="section experList">
            <div id="educationList"></div>
            <div class="experListBox educationBox"></div>
          </section>
        </section>
        <!--工作经历-->
        <section>
          <div class="weui_panel_hd experience">
            <div class="experTitle">工作经历</div>
            <div class="experImgBox work">
              <div class="experText">新增</div>
              <div class="experImg">
                <img src="./img/add.svg" alt="">
              </div>
            </div>
          </div>
          <section class="section experList">
            <div id="experienceList"></div>
            <div class="experListBox workBox"></div>
          </section>
        </section>
        <!--主要家庭成员-->
        <section>
          <div class="weui_panel_hd experience">
            <div class="experTitle">主要家庭成员</div>
            <div class="experImgBox family">
              <div class="experText">新增</div>
              <div class="experImg">
                <img src="./img/add.svg" alt="">
              </div>
            </div>
          </div>
          <section class="section experList">
            <div id="familyList"></div>
            <div class="experListBox familyBox"></div>
          </section>
        </section>

        <section class="section">
          <div class="weui_media_box weui_media_text">
            <p class="weui_media_desc">本人承诺：以上资料属实并愿意接受相应的调查与核实，如有虚假愿无条件接受公司处理或解除劳动合同。</p>
          </div>
        </section>

      </div>
    </section>
    <!--底部-->
    <section class="btnSubBox">
      <input class="btnSub" id="btnSub" type="submit" value="保存并提交" />
    </section>
  </main>
</form>
  <script src="./js/jquery-3.3.1.min.js"></script>
  <script src="./js/jquery-weui.min.js"></script>
  <!-- 如果使用了某些拓展插件还需要额外的JS -->
  <script src="./js/swiper.min.js"></script>
  <script src="./js/city-picker.min.js"></script>
  <script src="./js/perfect.js"></script>
</body>

</html>